<template>
	<div class="createStatus">
		<div class="createStatus-item" @click="route('createBotany')">
			<img src="../../static/img/icon/release_icon/diaries@3x.png"/>
			<div>长帖子</div>
			<div>多肉、鲜花、草缸、珊瑚，任何植物养护记载...</div>
		</div>
		<div class="createStatus-item" @click="route('sharing')">
			<img src="../../static/img/icon/release_icon/sharinglife@3x.png"/>
			<div>分享生活</div>
			<div>晒种植成果、晒心得、晒饮食，晒所有</div>
		</div>
		<div class="createStatus-item" @click="route('participate')">
			<img src="../../static/img/icon/release_icon/topic@3x.png"/>
			<div>参与话题</div>
			<div>种植、水草、珊瑚、活动等园艺话题</div>
		</div>
	</div>
</template>

<script>
</script>

<style scoped lang="less">
	.createStatus {
		background: url('../../static/img/icon/release_icon/album@3x.png');
		width: 100%;
		height: 100%;
		background-size: cover;
		
		.createStatus-item {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			height: 33.3%;
			box-sizing: border-box;
			padding-top: 20px;
			
			img {
				width: 20%;
				margin-bottom: 20px;
			}
			
			div {
				font-size: 14px;
				margin-bottom: 20px;
				
				&:last-child {
					font-size: 12px;
				}
			}
		}
	}
</style>